<template>
  <dv-digital-flop :config="config" style="height:100%;width:100%" />
</template>
<script>
export default {
  props: {
    info: {
      type: Object,
      default: function() {
        return {
          number: 998,
          text: "平稳度",
        };
      },
    },
    fontColor: {
      type: String,
      default: "#3de7c9",
    },
  },
  computed: {
    config: function() {
      return {
        content:
          this.info.number > 0 ? `${this.info.text}:震荡` : `${this.info.text}:平稳`,
        style: {
          fontSize: 15,
          fill:
            this.info.number > 0 ? "rgba(235, 64, 76)" : "rgba(70, 178, 70)",
        },
      };
    },
  },
};
</script>
